<html>
<head>
<title>Bootstrap 4 Off-canvas Menue and Sidebar Demos</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
</head>
<body>
<div class="container my-5">
	<div class="row">
    	<div class="col-sm-4 col-lg-3 align-self-center"><a href="https://www.astech.solutions" target="_blank"><img src="as-tech-solutions-logo.png" alt="AS Tech Solutions logo" class="img-fluid" title="AS Tech Solutions" /></a></div>
        <header class="entry-header col-sm-8 col-lg-9 mt-4 mt-sm-0 align-self-center">
        	<h3 class="entry-title"> Bootstrap 4 Off-canvas Menue and Sidebar Demos</h3>
            <p class="mb-0">Bootstrap version used: <span class="badge badge-pill badge-danger">4.2.1</span></p>
        </header>
    </div>
    <hr class="w-50 my-5">
    <div class="entry-content">
    	<p class="lead mb-4">Here are different demos of Bootstrap 4 Off-canvas Menu and Sidebar. Please click any link to see the demo in action.<br /> Also, you can visit the respective tutorial on the <a href="https://fellowtuts.com" target="_blank">Fellow Tuts</a> blog.</p>
        <table class="table">
          	<thead class="thead-light">
            	<tr>
              		<th scope="col">Description</th>
              		<th scope="col">Demo</th>
                    <th scope="col">Article</th>
            	</tr>
          	</thead>
          	<tbody>
            	<tr>
              		<td>Left-sided and right sided off-canvas with class implementation, feasible for WordPress and similar CMSs.</td>
              		<td><a href="https://as-tx.github.io/bootstrap-off-canvas-sidebar/basic-demo.html" class="btn btn-outline-success" target="_blank">View</a></td>
                    <td><a href="https://fellowtuts.com/bootstrap/off-canvas-sidebar-menu-wordpress/" class="btn btn-success">Visit</a></td>
            	</tr>
                <tr>
              		<td>Off-canvas menu and sidebar that supports accessibility features, screen readers and similar assistive technologies provided by Bootstrap.</td>
              		<td><a href="https://as-tx.github.io/bootstrap-off-canvas-sidebar/accessibility-demo.html" class="btn btn-outline-primary" target="_blank">View</a></td>
                    <td><a href="https://fellowtuts.com/bootstrap/off-canvas-menu-sidebar-overlay/" class="btn btn-primary">Visit</a></td>
            	</tr>
            	<tr>
              		<td>A full versatile demo of off-canvas sidebar/menu built with Bootstrap 4. Offers left/right sidebar along with the optional push/offset content, overlay, varying width and smooth transitions.</td>
              		<td><a href="https://as-tx.github.io/bootstrap-off-canvas-sidebar/offset-overlay-full-demo.html" class="btn btn-outline-danger" target="_blank">View</a></td>
                    <td></td>
            	</tr>
          	</tbody>
        </table>
    </div>
</div>
</body>
</html>
